<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function updateEle() {
				// 1.把div当中的a标签换成知乎
				var div1_a = document.querySelector('div>a')
				// 不适合改标签类型
				div1_a.href = 'https://www.zhihu.com'
				// 2.把这个a标签改成p标签
				var div1 = document.getElementById('div1')
				var div1_p = document.createElement('p')
				div1_p.innerText = '第一个div中的p标签3'
				// 替换元素
				div1.replaceChild(div1_p, div1_a)
				// 3.删除最后一个class=aaa的p标签
				var aaa = document.getElementsByClassName('aaa')
				// 直接移除
				aaa[aaa.length - 1].remove()
			}
		</script>
	</head>
	<body>
		<button onclick="updateEle()">更新元素</button>
		<div id="div1" class="aaa">
			第一个div标签
			<p>第一个div中的p标签</p>
			<p>第一个div中的p标签2</p>
			<a>第一个div中的a标签</a>
			第一个div标签的尾部文本
		</div>
		<div>第二个div</div>
		<p class="aaa">第二个p标签</p>
		<p class="aaa">第三个p标签</p>
		<p>第四个p标签</p>
		<p class="aaa">第五个p标签</p>
		<p>第六个p标签</p>
	</body>
</html>